.pageContainer{
  background: #F7F7F7;

  .avatarBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60rpx;
    .avatar {
    }

    .phoneBox {
      display: flex;
      flex-direction: row;
      justify-content: center; // 垂直居中
      margin-top: 30rpx;
      font-size: 32rpx;
      color: #333;
      gap: 0rpx; // 图标和文字间距

      .phone{
        font-size: 30rpx;
        color: $textPrimaryColor;
        font-weight: 700;
      }
    }


  }

  .profile-content {
    flex: 1; // 占据剩余空间
    overflow-y: auto; // 允许垂直滚动
    background: #F7F7F7;
    position: relative;
    margin-top: 60rpx;
    // 如果需要自定义滚动条样式
    &::-webkit-scrollbar {
      width: 0;
      background: transparent;
    }
  }

  .bottom{
    position: absolute;      // 绝对定位
    bottom: 100rpx;          // 距离底部 60rpx，与 padding-bottom 一致
    left: 100rpx;            // 距离左边 60rpx，与 padding-left 一致
    right: 100rpx;           // 距离右边 60rpx，与 padding-right 一致
    width: calc(100% - 200rpx); // 计算宽度
    display: flex;
    flex-direction: column;    // 垂直排列
    align-items: flex-start;   // 水平靠左，start 应该是 flex-start
    z-index: 1; // 提高 z-index 值
    .toLogin{
      margin-top: 30rpx;
      border-radius: 48rpx;
      height: 80rpx;
    }
    }
}



